<template>
  <div class="page">
    <!-- 根据用户是否有头像来展示img或者icon -->
    <img v-if="avatar" :src="avatar" alt="avatar" style="width: 100%"/>
    <i v-else class="el-icon-user"></i>
  </div>
</template>

<script>
export default {
  props: {
    avatar: {
      type: String,
      default: () => ("") // 设置默认值为一个空对象
    },
  }
}
</script>

<style scoped lang="scss">
/* 在这里可以添加样式 */
.page {
  padding: 18px;
}
</style>
